
  <ion-content class="bd">
    <i navPop class="iconfont icon-login_down clear_img"></i>
    <div class="header_img tc">logo</div>
    <ion-list class="hc_content">
      <ion-item class="login-item">
        <ion-label ><i class="iconfont icon-login_me"></i></ion-label>
        <ion-input type="text" :placeholder="{{ 'input.login1' | translate }}" value="" [(ngModel)]="info.account"></ion-input>
      </ion-item>
    
      <ion-item-divider class="login-item">
        <ion-label ><i class="iconfont icon-login_key"></i></ion-label>
        <ion-input class="pwd" :placeholder="{{ 'input.login2' | translate }}" type="{{firstpwd}}" [(ngModel)]="info.password"></ion-input>
        <i class="iconfont icon-login_open" id="sign" item-end (click)="toggle()"></i>
      </ion-item-divider>
      
      <button ion-button class="login-btn" textAllcaps="false" (click)="goLogin()">{{ 'login.login' | translate }}</button>
      
    </ion-list>
    <div class="cell"><span (click)="goto(registPage)">{{ 'login.regist' | translate }}</span> <span (click)="goto(forgetPage)">{{ 'login.fp?' | translate }}</span></div>
    <div class="cutOff"><i></i><span>{{ 'login.with' | translate }}</span></div>
    <div class="login">
      <span style="background-image: url(./assets/imgs/login_google.svg);"></span>
      <span style="background-image: url(./assets/imgs/login_facebook.svg);"></span>
      <span style="background-image: url(./assets/imgs/login_instagram.svg);"></span>
      <span style="background-image: url(./assets/imgs/login_twitter.svg);"></span>
      <span style="background-image: url(./assets/imgs/login_wechat.svg);"></span>
    </div>
  </ion-content>